<!DOCTYPE html>
<html lang="en">
<head>
  <title>Cesium-Navigation Examples</title>
  <style>
	dl > dt {
		margin-top: 1em;
		margin-bottom: 0.3em;
		font-weight: bold;
		font-variant: small-caps;
	}
  </style>
</head>
<body>
<h1>Cesium-Navigation Examples</h1>
<p>Five examples are available where the output is always the same concerning only the user interface but they differ in how they were created.</p>
<dl>
  <dt><a href="sources.html">Sources Example</a></dt>
  <dd>Using the sources without building anything. This is also great for developing/debugging the sources since any changes are available on browser refresh.</dd>
  <dt><a href="standalone.html">Standalone Example</a></dt>
  <dd>No AMD loader is needed but Cesium has to be defined as global variable.</dd>
  <dt><a href="amd_except_cesium.html">Using AMD except for Cesium Example</a></dt>
  <dd>Using AMD except for Cesium (so Cesium is not accessed via AMD but is a global variable). Since this mixin is accessed via AMD the AMD compatible version is used. The version automatically checks if Cesium is globally accessible and if so it does not try to load Cesium via AMD.</dd>
  <dt><a href="amd_source.html">Asynchronous Module Definition (AMD) without requirejs.optimize Example</a></dt>
  <dd>When using the AMD compatible version make sure to set 'Cesium' either to point to the Cesium source directory or to the built Cesium.js file.</dd>
  <dt><a href="amd_build.html">Asynchronous Module Definition (AMD) with requirejs.optimize Example (needs to be built)</a></dt>
  <dd>When using the AMD compatible version make sure to set 'Cesium' either to point to the Cesium source directory or to the built Cesium.js file.</dd>
</dl>

  <script type="text/javascript">
	// show info if accessed directly from disk
	if (window.location.protocol === 'file:') {
		document.body.innerHTML = "";
		document.write('<p><b>This file must be hosted in a web server.</br>');
		document.write('See our <a href="https://cesiumjs.org/tutorials/cesium-up-and-running/#setting-up-a-web-server">Getting Started</a> ');
		document.write('tutorial for a step-by-step guide.</b></p>');
	}
  </script>
</body>
</html>